<template>
<div class="lgo">
    <div class="logoa">
        <div class="loga1">
            <span class="log1"><img src="../assets/images/logoo.png" alt=""></span>
            <span class="log2">
               <p>Welcome to the news</p>
                <h2>
                    <span>NET RED CERTIFICATION</span> 
                    <span><img src="../assets/images/line.png" alt=""></span>
                    <span class="zixun">{{new1}}</span>
                </h2>
                <p>欢迎进入，<span>{{new1}}</span></p>
            </span>
        </div>
        <div class="hengxian">
            <img src="../assets/images/hengxian.png" alt="">
            <span>Welcome In</span>
            <img src="../assets/images/hengxian.png" alt="">
        </div>
    </div>
</div>
</template>

<script>
export default {
props:{
    new1:{}
}
}
</script>

<style lang='less' scoped>
.lgo{
    width:1920px;
    height:130px;
    .logoa{
        width:1200px;
        margin:0 auto;
        .loga1{
            display: flex;
            justify-content: space-around;
            width:510px;
            height:100px;
            margin:0 auto;
            line-height: 120px;
            .log1{
                display: inline-block;
                width:70px;
                height:70px;
                margin-top:25px;
                img{
                    width:100%;
                }
            }
            .log2{
                display: inline-block;
                width:340px;
                margin-top:-20px;
                p{
                    height: 25px;
                    font-size:16px;
                }
                h2{
                    height:30px;
                    .zixun{
                        color:red;
                    }
                }
                img{
                    width:1px;
                    height:20px;
                    margin:0 10px 0;
                }
                
            }
            
        }
        .hengxian{
            display: flex;
            justify-content: space-between;
            width:1200px;
            height:9px;
            margin-top:10px;
            img{
                width:550px;
                padding-top:8px;
            }
        }
    }
}
</style>
